<template>
    <div>
        <DescribePanel :info="info" :editorwidth="800" :editorheight="250" :attributes="attributes" :events="events">
            <ProgressBar :percent="0.4"></ProgressBar>
        </DescribePanel>
    </div>
</template>
<script>
/* eslint-disable*/
import ProgressBar from '../common/ProgressBar'
import DescribePanel from './DescribePanel'

export default {
	components: {
		ProgressBar,
		DescribePanel
	},
	data() {
		return {
			value: true,
			info: {
				title: 'Processbar 进度条',
				des: '用于展示操作进度，告知用户当前状态和预期。',
				editor: `\n<ProgressBar :percent="0.4"></ProgressBar>\n\n<script>\n  data() {\n     return {\n  }\n methods:{\n     }\n   }\n}\n<script>`
			},
			attributes: [
				{
					param: 'v-bind:value',
					des: '绑定值',
					type: 'number',
					selectvalue: '——',
					defaultvalue: '0.7'
				}
			],
			events: []
		}
	},
	mounted() {},
	methods: {}
}
</script>

 <style scoped>
h2 {
	font-weight: 400;
}
</style>
